草庐IT

Element-UI 表单校验

全部标签

javascript - 仅当表单已提交时才触发 jQuery 表单验证?

非侵入式验证基于这样的想法,即在用户提交表单之前不进行表单验证;一旦发生这种情况,如果表单上的某些内容无效,则在用户更改后立即验证每个字段。我想做的是“不显眼地”触发对表单元素的验证——也就是说,仅在用户已经尝试提交表单时验证表单元素。所以我可以像这样触发一个元素的验证(当某个复选框被更改时我会这样做):$('#chkNoPersonId').change(function(){$('#lstPersonId').valid();});但问题在于,这将总是导致lstPersonId被验证并在无效时显示错误,即使用户尚未提交形成一次。我希望仅在用户尝试提交表单后才对其进行验证。是否有一些

javascript - Angular : How can I transclude an element into a template that uses ng-repeat?

我有一个carousel指令,其中包括一些分块,用于将传入的items数组映射到元素结构数组的数组中,然后生成类似于以下伪代码的标记:这个Angular模板看起来像这样:[elementshouldbetranscludedintothisspot.]鉴于我的View代码:tagshouldappearinsidethe'carousel.html'template'sng-repeatlist.-->{{item.name}}我希望嵌入的元素绑定(bind)到最深的ng-repeat的item对象完整的Plunker和简化的测试用例可在此处获得:http://plnkr.co/edi

javascript - 无法监视 angular.element

我有一个Jasmine测试由于spyOn未执行而不断失败。下面的测试会自动失败:it('simpletest',function(){spyOn(angular,'element');});错误是:TypeError:'undefined'isnotanobject(evaluating'angular.element(handle.elem).off')at/Users/geoff/Project/www/components/angular-mocks/angular-mocks.js:1946at/Users/geoff/Project/www/components/angula

javascript - Angular Run Block - 使用 UI-Router $stateProvider 来解析 Promise

UI-Router不同于Angular的ngRoute。它支持普通ngRoute可以做的所有事情以及许多额外的功能。我正在将我的Angular应用程序从ngRoute更改为UI-Router。但我不太清楚如何以编程方式注入(inject)resolve函数-我在Controller和config之外使用的代码片段。因此,使用标准Angular的ngRoute我可以在Angular运行中动态注入(inject)我的resolvepromiseblock:app.run(function($route){varroute=$route.routes['/'];route.resolve=r

javascript - 如何使用 div 元素构建 Recurly.js 表单?

我的团队正在使用Recurly.js在我们的网站中构建一个支付页面。我们一直在关注来自https://docs.recurly.com/js的文档.根据文档,Buildaformhoweveryoulike.Usethedata-recurlyattributetoidentifyinputfieldtargetstoRecurly.js.ToidentifywhereRecurly.jswillinjectcarddatafields,werecommendusingsimpledivelements.问题在于div元素实际上并未显示在表单中。这是一个基于文档的可重现的简短示例:re

javascript - 表单提交后重定向(CSR)

在由CSR(客户端呈现)覆盖的SharePoint表单中。我尝试添加一个新按钮,它的功能与“保存”按钮几乎相同,只是它会重定向到具有给定参数的另一个表单。问题是,重定向不起作用。我尝试通过更改表单的“操作”属性进行重定向,但它似乎没有被计算在内。这是新按钮:这是按钮调用的函数和下面的addLine方法:$('#custom_addLine').click(function(event){event.preventDefault();addLine(getQueryStringParameter('ID'));});functionaddLine(id){if(!PreSaveItem(

javascript - 来自 React Material UI MenuItem 单击事件的 setState

我正在尝试使用MaterialUI根据下拉选择更改状态。问题是下面的代码(精简)返回列表项,所以我不知道下一步该做什么。从handleClose方法中的console.log(event.target)返回精简组件:事件从API调用中获取。感谢您的任何想法。importReact,{Component}from"react";importButtonfrom"@material-ui/core/Button";importMenufrom"@material-ui/core/Menu";importMenuItemfrom"@material-ui/core/MenuItem";cla

javascript - 在应用程序中使用 jQuery 表单绑定(bind)代码的最佳实践

我们有一个应用程序,其中包含大量对服务器端代码的jQueryJSON调用。因此,我们有大量的绑定(bind)代码来解析响应并将适当的值绑定(bind)到表单。这是一个由两部分组成的问题。处理大量具有不同数据的表单的推荐方法是什么。现在我们正在尝试采用结构化方法为每个页面设置一个js“类”,​​使用init、wireClickEvents等。以尝试使所有内容都一致。在创建重复的jQuery代码或任何类型的推荐结构方面是否有任何“最佳实践”,而不仅仅是在js文件中添加一堆函数? 最佳答案 您可能应该研究像knockout.js这样的框架

javascript - 如何使用 JQuery UI 阻止 UI?

我一直在使用这个插件来阻止UI:http://jquery.malsup.com/block/这个插件工作得很好,只是如果jQueryUI没有做这样的事情我会非常惊讶,因为它必须有效地为它的对话框功能做同样的事情。如何使用JQueryUI阻止UI? 最佳答案 您可以做一些hacky-调用模态,然后在onopen回调中,remove()模态本身。$("#something").dialog({open:function(event,ui){$('.ui-dialog').remove();}});嘿!我说这是hacky:)或检查模态代

javascript - 无法让 jQuery UI 模态对话框成为模态

我无法让jQueryUImodal对话框像在demo中一样工作!考虑这个食谱:Firstopenamodalsomething').dialog({modal:true});returnfalse;">dialogThentrytohoverovermeAndclickme!当对话框处于事件状态时,第二个链接被正确禁用,但第三个链接(onclick)仍然有效!此外,将鼠标悬停在两个链接上时,浏览器的小手会出现。这不像演示...我做错了什么? 最佳答案 作为Pointy指出,这通常由jQueryUICSS控制。但是可以通过在CSS文件